<?php echo $header ?>
<div class="content projects douban_user">
  <div class="container">

    <h2>第一篇 ：我在豆瓣的诞生</h2>
    <div class ="span12 offset1"><h2>.</h2></div>
    <div class ="span12 offset2"><h2>.</h2></div>
    <div class ="span12 offset3"><h2>.</h2></div>
    
    <div class ="span12 offset2"><p class="big grey">那也是一段不为人知地久天长</p></div>
    <div class ="span12 offset5"><h2>.</h2></div>
    <div class ="span12 offset6"><h2>.</h2></div>
    <div class ="span12 offset7"><h2>.</h2></div>
    <div class ="span12 offset8"><h2>.</h2></div>
    <div class ="span12 offset9"><h2>.</h2></div>

    <?php foreach($dateList as $k=> $v) { ?>

   <div class="row event2005" >

   <?php if($k%2 == 0){?>
     <div class="span8">
       <img width=550 height=500 src="<?php echo $v['imgUrl']?>" class="img-polaroid">
     </div>    
                         
     <div class="span4"> 
       <h2><?php echo $v['desp']?></h2>        
     </div>
	 <?php } else {?>
	 
	 <div class="span4"> 
       <h2><?php echo $v['desp']?></h2>        
     </div>
     
	  <div class="span8">
       <img width=550 height=500 src="<?php echo $v['imgUrl']?>" class="img-polaroid">
     </div>    
	 <?php }?>
   
   </div>
   <div class ="span12 offset5"><h2>.</h2></div>
    <div class ="span12 offset6"><h2>.</h2></div>
    <div class ="span12 offset7"><h2>.</h2></div>
  <div class="line"></div>
  
 <?php } ?>
  
  <h3>然而，也就是在这一个年 ..</h3>
  <h2>在<?php echo $userInfo['city']  ?>的某个角落  <?php echo $userInfo['createHourStr'] ?></h2>
  <h2>.......</h2>
  <h2>...</h2>
  <h2>.</h2>
  <div class="row-fluid">
   <div class="span8"><h3>然后或许基于无意，基于好友推荐，基于各种原因，你打开了 -></h3></div>
   <div class ="span4">
   <a href="http://douban.com">
   <img  width=48 height=48 src="http://img3.douban.com/pics/douban-icons/favicon_48x48.png" class="img-polaroid">
   </a>
   </div>
   <h2>成为了豆瓣第<?php echo $userInfo['rank']?> 名 豆油.. </h2>
   <?php for ($i =1;$i<=20;$i++) {?>
   <img width=150 height=150 src="upload/photo/html/baozou/<?php echo $i;?>.jpg" class="img-polaroid">
   <?php }?>
   <h2>...</h2>
   <img width=150 height=150 src="<?php echo $userInfo['avatar']?>" class="img-polaroid">
   <h2>...</h2>
    <?php for ($i =21;$i<=29;$i++) {?>
   <img width=150 height=150 src="upload/photo/html/baozou/<?php echo $i;?>.jpg" class="img-polaroid">
   <?php }?>
  </div>
 
  <div class="border"></div>
  </div>
</div>

<div class="insert"></div>
<div class ="button" id ="button_flag" style="clear:both" next="index.php/douban/live/book" nextid ="1" nextclass="douban_book">-----------------------</div>

<?php echo $footer ?>
<style>
.container .span2{
	height:200px;
}
</style>
<script language="javascript">

$(document).ready(function(){
	// 页面到达底部自动加载 ...
	var stop=true;
	$(window).scroll(function(){
		var height = $('#button_flag').offset().top + $('#button_flag').height();
	    totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
	    if(height <= totalheight){
	        if(stop==true){
	            stop=false;

	            var next = $('.button').attr('next');
	            var nextid = $('.button').attr('nextid');
	            var nextclass = $('.button').attr('nextclass');

	            $(".button").before("<div class = 'content projects "+nextclass+"'></div>");
	            $("."+nextclass).html("<img src='public/img/common/loading.gif'>").load(next);
	
	            $.post("<?php echo $ajaxUrl['next']?>", {'nextid':nextid},function(data){
	                
	                if(data.status == 1)
	                {
		              	  $(".button").attr('nextid',data.nextid);
		                  $('.button').attr('next',data.next);
		                  $('.button').attr('nextclass',data.nextclass);
		                  stop=true;
	                }
	                else
	                {
	             	  	 stop=false;
	                }
	               
	            },"json");
	          
	        }
	    }
	});
});

</script>